<div class="container-fluid">
	<div class="navbar-header">
		<button type="button" class="navbar-toggle" 
			data-toggle="collapse" data-target=".navbar-collapse">
			<span class="sr-only">Toggle navigation</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>
		<a class="navbar-brand" href="#/">Home</a>
	</div>
	<div class="navbar-collapse collapse">
		<ul class="nav navbar-nav" ng-if="currentUser.authToken">
			<li ng-class="{ active: isActive('/news')}"><a href="#/news">News</a></li>
			<li ng-class="{ active: isActive('/timesheet')}"><a href="#/timesheet">Timesheet</a></li>
		</ul>
		<ul class="nav navbar-nav navbar-right">
			<li ng-show="currentUser.authToken" class="dropdown">
		      <a href="#/" class="dropdown-toggle">{{ currentUser.fullName }}</a>
		      <ul class="dropdown-menu">
		        <li><a href>Profile</a></li>
		        <li><a href>Settings</a></li>
		        <li><a href ng-click="logout()">Sign Out</a></li>
		      </ul>
			</li> 
			<li ng-hide="currentUser.authToken"><a href ng-click="login()">Sign In</a></li>
		</ul>
	</div>
</div>